/** When your routing table is too long, you can split it into small modules **/

import Layout from '@/layout'

const componentsRouter = {
    path: '/components',
    component: Layout,
    redirect: 'noRedirect',
    name: 'ComponentDemo',
    meta: {
        title: 'components',
        icon: 'component'
    },
    children: [
        {
            path: 'tinymce',
            component: () => import('@/views/demo/components-demo/tinymce'),
            name: 'TinymceDemo',
            meta: {title: 'tinymce'}
        },
        {
            path: 'markdown',
            component: () => import('@/views/demo/components-demo/markdown'),
            name: 'MarkdownDemo',
            meta: {title: 'markdown'}
        },
        {
            path: 'json-editor',
            component: () => import('@/views/demo/components-demo/json-editor'),
            name: 'JsonEditorDemo',
            meta: {title: 'jsonEditor'}
        },
        {
            path: 'avatar-upload',
            component: () => import('@/views/demo/components-demo/avatar-upload'),
            name: 'AvatarUploadDemo',
            meta: {title: 'avatarUpload'}
        },
        {
            path: 'dropzone',
            component: () => import('@/views/demo/components-demo/dropzone'),
            name: 'DropzoneDemo',
            meta: {title: 'dropzone'}
        },
        {
            path: 'count-to',
            component: () => import('@/views/demo/components-demo/count-to'),
            name: 'CountToDemo',
            meta: {title: 'countTo'}
        },
        {
            path: 'mixin',
            component: () => import('@/views/demo/components-demo/mixin'),
            name: 'ComponentMixinDemo',
            meta: {title: 'componentMixin'}
        },
        {
            path: 'back-to-top',
            component: () => import('@/views/demo/components-demo/back-to-top'),
            name: 'BackToTopDemo',
            meta: {title: 'backToTop'}
        },
        {
            path: 'drag-select',
            component: () => import('@/views/demo/components-demo/drag-select'),
            name: 'DragSelectDemo',
            meta: {title: 'dragSelect'}
        },
        {
            path: 'drag-kanban',
            component: () => import('@/views/demo/components-demo/drag-kanban'),
            name: 'DragKanbanDemo',
            meta: {title: 'dragKanban'}
        }
    ]
}

export default componentsRouter
